@extends('layout.home.home')

@section('title')
<title>电子邮箱注册</title>
@endsection

@section('content')
<div class="reg-detail">
	<h3 class="reg-title">注册华为帐号</h3>
	<p class="node-intro">
    	华为帐号是您用于访问所有华为服务的帐号。使用华为帐号登录后，您将可以使用云服务、华为商城、花粉俱乐部、应用市场、EMUI产品、开发者联盟，及更多服务。
    </p>
    <div class="box-shadow-in"></div> 
    <form action="" method="post">
	<div class="node">
		<div class="node-title">华为帐号</div>
		<div class="node-intro">输入邮件地址作为您的华为帐号，用于登录、重设密码、验证身份。</div>
		<div class="node-des mkcl">
			<div class="node-input r">
				<div class="dinput">
					<label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="username"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1"></div></label><input type="text" name="formBean.username" id="username" maxlength="50" validator="validator11488986352521" class="hover" style="z-index: 1;">     
						
						
						
				</div>
				<span id="msg_email"></span>
			</div>
			<div class="input-intro">邮件地址：</div>
		</div>
		
		<!-- 验证码 -->
		  
			
				<div class="node-des mkcl">
			
			
			
			<div class="node-input r">
				<div class="short r">
					<div>
						<input type="button" class="dbtn2 r" id="getValiCode" intervaltime="60" onclick="getEmailCode()" value="获取验证码">
						<span id="msg_getPhoneRandomCode" style="position:relative;top:34px;"></span>
					</div>
				</div>
				<div class="short">
					<div class="dinput">
						  
							
								<label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="authCode"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1" class="verify vam ime-disabled"></div></label><input type="text" autocomplete="off" class="verify vam ime-disabled" id="authCode" style="vertical-align: middle; z-index: 1;" name="formBean.authCode" maxlength="8" tabindex="3" validator="validator41488986352522">
							
							
							
					</div>
					<span id="msg_phoneRandomCode"></span>
				</div>
			</div>
			<div class="input-intro">验证码：</div>
		</div>
	</div>
	<div class="box-shadow-in"></div> 
	
	<div class="node">
		<div class="node-title">设置登录密码</div>
		<div class="node-intro">密码由8-32位字符组成，需至少包含一个大写字母、一个小写字母和一个数字，建议不与其他密码相同</div>
		<div class="node-des mkcl">
			<div class="node-input r">
				<div class="dinput"><label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="input_label_0"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1"></div></label><input type="password" name="formBean.password" maxlength="32" validator="validator21488986352522" id="input_label_0" class="" style="z-index: 1;"></div>
				<span id="msg_password"></span>
			</div>
			<div class="input-intro">密码：</div>
		</div>
		<div class="node-des mkcl">
			<div class="node-input r">
				<div class="dinput"><label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="input_label_1"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1"></div></label><input type="password" name="checkPassword" maxlength="32" validator="validator31488986352522" id="input_label_1" class="" style="z-index: 1;"></div>
				<span id="msg_checkPassword"></span>
			</div>
			<div class="input-intro">确认密码：</div>
		</div>
	</div>
	<div class="box-shadow-in"></div> 
	<!-- 选择国家开始 -->
	<div class="node" id="chooseCountry">
		
		<div class="regAgrTitle node-title">华为帐号服务条款</div>
	
		<div class="node-title">国家/地区
		</div>
			<div class="foot-selectCountry-margin selectCountry-right">
				<div class="selectCountryImg_style">
     			
				</div>	    
				<div class="selectedCountry_style">
     			<div>
			    	<div id="selectedCountry">中国</div>
			    </div>
		  </div>
		</div>					
		<div id="regXCountry" class="node-intro">正在注册中国华为帐号</div>
	</div>
	<div class="box-shadow-in" id="chooseCountryShadow"></div> 				
	<!-- 选择国家结束 -->
					
	    
		<div class="node">

			<div class="node-intro"><div class="agrLineH">华为将为您创建唯一的华为帐号，来标识您和提供更优服务，且需搜集和处理以下信息： </div><div class="agrLineH agrIndent">您所有登录的设备信息，包括：IMEI、IMSI、SN、国家/地区、语言、型号和版本号；</div><div class="agrLineH agrIndent">您向我们提交的个人信息，包括：手机号、邮件地址、密码、头像、昵称、生日、姓名和性别；</div><div class="agrLineH">上述数据将会传输并保存至华为全球的服务器。您可通过销户删除所有个人数据。</div><br><div class="agrLineH">华为帐号用户可以通过手机号或邮件地址搜索到您，并可查看您的公开信息，包括：头像、昵称、城市等。您也可以在华为帐号的设置中关闭。</div><br><div class="agrLineH">点击“注册”，即表示您同意上述内容及<a href="#" target="_blank" class="loginAndRegLink">华为帐号用户协议</a>并确认您已阅读<a href="#l" target="_blank" class="loginAndRegLink">华为隐私政策</a>。</div></div>
		</div>
		<div class="box-shadow-in"></div> 

	<div class="reg-btn" align="center">
		<input type="button" class="btn btn-reg sel" id="btnSubmit" value="注册" tabindex="7">
		<div id="register_msg" class="vam error" style="position:relative;left:30%;"></div>
		<div id="register_msg2" class="vam error hide" style="margin-left: -60px;"></div>
	</div>
	</form>
</div>





@endsection